<template>
	<view class="pagebox">
		
		<div class="findbox">
		<div class="find">
			<img src="static/s5.png" />
			<input type="text" class="rpx28" confirm-type="search" value="" placeholder="搜索店铺名称、编号" placeholder-class="rpx28 col999" />
		</div>
		</div>
		<div style="height: 20upx;background: #F7F7F7;"></div>
		<div class="h_shop_it_box">
		<div class="h_shop_it" v-for="(item,index) in allShop" :key="index">
			<p class="rpx30 col666">{{item.shop_id}}</p>
			<div class="h_shop_name">
				<text class="hs_n omit1 rpx28 col666">{{item.shop_name}}</text>
			</div>
			<navigator :url="'shop_info?id='+item.shop_id" class="hs_but rpx26 colfff">店铺信息</navigator>
		</div>
		</div>
	</view>
</template>

<script>
	import mixins from '@/mixins'
	import ntfy from '../../components/ntfy/index.vue';
	export default {
		// mixins: [mixins],
		components:{ntfy},
		data() {
			return {
				title: 'title',
				allShop:null
			}
		},
		onBackPress(options) {
			// console.log(options)
			// if (options.from === 'navigateBack') {
			// 	return true;
			// }
			// // this.back();
			// return true;
		},
		onLoad(e) {
			uni.getStorage({
				key: "allShop",
				success:res => {
					this.allShop = res.data;
				}
			})
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	page{background: #fff;}
	.findbox{height: 100upx;display: flex;justify-content: center;align-items: center;}
	.find{display: flex;align-items: center;width: 100%;margin: 0 30upx;height:66upx;background:rgba(247,247,247,1);border-radius:33upx;}
	.find img{width: 32upx;height: 32upx;display: block;margin: 0 20upx 0 30upx;}
	.find input{display: block;height: 66upx;width: 570upx;}
	
	
	.h_shop_it_box{padding: 25upx 0;}
	.h_shop_it{position: relative;padding: 40upx 0 30upx;border-bottom: 1px solid #E5E5E5;margin: 0 32upx;}
	.h_shop_it .hs_but{position: absolute;right: 0;top: 50upx;width:170upx;text-align: center;height:60upx;line-height:60upx;background:rgba(251,0,26,1);border-radius:8upx;}
	.h_shop_it > p{margin-bottom: 20upx;height: 30upx;line-height: 30upx;}
	.h_shop_name{display: flex;justify-content: space-between;align-items: center;}
	.h_shop_name .hs_n{max-width: 470upx;}
	.hs_more{margin: 0 8upx;height: 80upx;display: flex;align-items: center;justify-content: center;border-top: 1px solid #E5E5E5;}
	
</style>
